<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="goplaces.css" />

<script type="text/javascript" >


function feedbackValidate()
{
	if (document.feedback.name.value =="")
	{
	document.feedback.name.focus();
	alert("You must enter a name.");
	return (false);
	}
	
	// gender validation
	
	var radioSelected = false;
	for (i = 0;  i < document.feedback.gender.length;  i++)
	{
		if (document.feedback.gender[i].checked)
		radioSelected = true;
	}
	if (!radioSelected)
	{
		alert("Please select one of the \"Gender\" options.");
		return (false);
	}
	
	// check if email field is blank
	if (document.feedback.email.value == "")
	{
	alert("Please enter a value for the \"Email\" field.");
	document.feedback.email.focus();
	return (false);
	}


// test if valid email address, must have @ and .
var checkEmail = "@._";
var checkStr = document.feedback.email.value;
var EmailValid = false;
var EmailAt = false;
var EmailPeriod = false;
var EmailUscore= false;
for (i = 0;  i < checkStr.length;  i++)
{
ch = checkStr.charAt(i);
for (j = 0;  j < checkEmail.length;  j++)
{
if (ch == checkEmail.charAt(j) && ch == "@")
EmailAt = true;
if (ch == checkEmail.charAt(j) && ch == ".")
EmailPeriod = true;
if (ch == checkEmail.charAt(j) && ch == "_")
EmailUscore = true;

	  if (EmailAt && EmailPeriod || EmailUscore)
		break;
	  if (j == checkEmail.length)
		break;
	}
	// if both the @ and . were in the string
if (EmailAt && EmailPeriod || EmailUscore)
{
		EmailValid = true
		break;
	}
}
if (!EmailValid)
{
alert("The \"email\" field must contain an \"@\" and a \".\" or an \"_\" .");
document.feedback.email.focus();
return (false);
}
	
	

 // contact
 
 if (document.feedback.contact.value =="")
{
document.feedback.contact.focus();
alert("You must enter contact.");
return (false);
}
//check if contact has numbers
var num=document.feedback.contact.value;
if(isNaN(num))
{
  	document.feedback.contact.focus();
	alert("contact should contain only numbers");
	return (false);
}

//comments
if (document.feedback.comments.value =="")
	{
	document.feedback.comments.focus();
	alert("You must enter comments.");
	return (false);
	}
	
	
} 




</script>

</head>

<body>
<div id="header">
		<a href="home.html" class="logo"><img src="images/logo.jpg" alt="" width="274" height="90" /></a>		
         		
  		<a class="facebook">  <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FETrawels%2F132726943479075&amp;width=150&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:80px;" allowtransparency="true"></iframe></a>
 																														
	  <a href="http://twitter.com/etrawels" class="twitter-follow-button" data-show-count="false" >Follow @etrawels</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> 


		<ul id="menu">
            <li> </li>
            <li> </li>
            <li> </li>
            <li> </li>
            <li> </li>
			<li><a href="home.html" >Home Page</a></li>
			<li><a href="aboutus.html" >Company Profile</a></li>
			<li><a href="tours.html" >Tours and Packages</a></li>
			<li><a href="visa.html">Visa Procedures & Assistance</a></li>
			<li><a href="booking.php" >Bookings</a></li>
			<li><a href="feedback.php" >Feedback</a></li>
			<li><a href="Sitemap.html">Sitemap</a></li>
			<li><a href="maps.html" >Trip Planner</a></li>
			
	  </ul>
	</div>
    
<div id="wrapper">
<div id="feedback">
 <img src="images/feedbacktitle.jpg"/> 
		  <p><br /> 
	      </p>
	  <form name="feedback" method="post" action="feedbackthankyou.php" onsubmit="return feedbackValidate()">
      <center></center>
  <table width="700" border="0" align="center">  
    
    
    <tr>
      <td width="122" height="37"><div align="left"><strong>Name:</strong>&nbsp;</div></td>
      <td width="255"><input size="20" type="text" name="name"></td>
    </tr> 
       <tr>
      <td width="122" height="37"><div align="left"><strong>Gender:</strong>&nbsp;</div></td>
      <td width="255"><input type="radio" name="gender" value="male"/>
        male  
          <input type="radio" name="gender" value="female" /> 
          female</td>
    </tr>  
    
    <tr>
      <td width="122" height="37"><div align="left"><strong>Email:</strong>&nbsp;</div></td>
      <td width="255"><input size="20" type="text" name="email"></td>
    </tr>
    
    <tr>
      <td width="122" height="45"><div align="left"><strong>Contact number:</strong>&nbsp;</div></td>
      <td width="255"><p>
        <input size="20" type="text" name="contact">
      </p>
        <p>&nbsp; </p></td>
    </tr>
  
    <tr>
      <td width="122" height="37"><div align="left"><strong>Comments:</strong>&nbsp;</div></td>
      <td width="255"><textarea name="comments" cols="30" rows="10" /> </textarea></td>
      <td width="309" align="left"></td>
    </tr>   
    <tr>
      <td width="122" height="37"><div align="left"><input type="submit" value="Submit"/>
</div></td>
      
      <td width="255" align="left"></td>
    </tr>   

    </table>
    </form>
</div>
       
	</div>
    </div>
    <div id="footer">   
    		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li><a href="index.html">Home Page</a>|</li>
			<li><a href="AboutUs.html">Company Profile</a>|</li>
			<li><a href="tours.html">Tours and Packages</a>|</li>
			<li><a href="Visa.html">Visa Procedures & Assistance</a>|</li>
    <li><a href="Bookings.html">Bookings</a>|</li>
			<li><a href="Feedback.html">Feedback</a>|</li>
			<li><a href="Sitemap.html">Sitemap</a>|</li>
			<li><a href="Tripplanner.html">Trip Planner</a>|</li>
		</ul>
																																																					
	</div>
    
</body>
</html>